<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{$seo_title}</title>
<link rel="icon" href="{$system.ico}">
<meta name="keywords" content="{$seo_keywords}">
<meta name="description" content="{$seo_description}">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="/themes/wzjswlgsrjkf/static/css/global.css">
<link rel="stylesheet" href="/themes/wzjswlgsrjkf/static/css/onekey.min.css">
<link rel="stylesheet" href="/themes/wzjswlgsrjkf/static/css/owl.carousel.min.css">
<!--[if lt IE 9]> 
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/html5.js"></script>
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/html5shiv.js"></script> 
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/respond.min.js"></script> 
<![endif]-->
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/vue.min.js"></script>
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/common.js"></script>
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/main.js"></script>
<script type="text/javascript" src="/themes/wzjswlgsrjkf/static/js/owl.carousel.js"></script><script>
    $(function () {
        $(".banner").owlCarousel({ items: 1, loop: true ,lazyLoad: true})
    })
</script>
</head>
<body style="background:#f7f7f7">
<div class="header clear">
    <div class="wrap">
        <div class="logo flt"><a rel="nofollow" href="{:index_url()}"><img src="{$system.sys_logo}" alt="{$seo_title}"></a></div>
        <div class="text flt"> <span class="span_tel">{$system.telephone}</span>
            <p>{$system.sys_title}</p>
        </div>
        <div class="menu frt">
            <ul>
                {volist name="catalogHeader" id="item1"}
                <li class="{if $catalog.level1 == $item1.id}on{/if}">
                    <a href="{$item1.url}"><span>{$item1.title}</span><em></em><label>{$item1.seo_url}</label></a>
                </li>
                {/volist}
            </ul>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="mainer">
    {if $catalog.seo_url == 'index'}
    <div class="banner"> 
        {volist name="banner" id="vo"}
        <a href="{$vo.url}">
            <div class="item" style="background:url({$vo.cover}) no-repeat center  center; background-size:auto 100%;"></div>
        </a>
        {/volist}
    </div>
    {else/}
    {volist name="banner" id="vo"}
    <div class="zbanner" style="background:url({$vo.cover}) no-repeat center center; background-size:cover;">
        <div class="wrap">
            <div class="div_font">
                <p class="div_p1"> {$catalog.title} </p>
                <p class="div_p2"> {$catalog.description} </p>
            </div>
        </div>
    </div>
    {/volist}
    <div class="main_tit">
        <div class="wrap">
            <p>
                您当前位置 
                {volist name="crumbs" id="vo"}
                &gt;<a href="{$vo.url}">{$vo.title}</a>
                {/volist}
            </p>
        </div>
    </div>
    {/if}